<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="app">
            {{ message }} <br/>
            <button @click="count++">{{count}}</button>
        </div>
        <div>
            <button @click="count++">{{count}}</button>
        </div>

       <!-- CND引入在线的vue-->
        <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
        <script>
            const {createApp, ref} = Vue
            /* 创建vue的应用实例 */
            createApp({
                setup() {
                    const message = ref('Hello vue!')
                    const count = ref(0)
                    return {
                        message, count
                    }
                }
            }).mount('#app') //id为app的div被vue接管
        </script>
    </body>
</html>